<template>
  <div>
    <h1>这时<i>App.Vue </i>根组件</h1>
  <!-- <h3>abc--{{username}}</h3> -->
  <hr>
  <!-- <p>count的值为{{count}}</p>
  <button @click="addCount">+1</button> -->
  <my-swiper></my-swiper>
  <MyTest></MyTest>
  <my-test></my-test>
  <hr>
  <Mysearch></Mysearch>
  </div>
</template>
<script>
import Search from "./components/02/Search.vue"
export default{
  
  // 组件的名称
  name:'MyApp',
  data(){
    return{
      username:'zs',
      count:0
    }
  },
  methods:{
    addCount(){
      this.count++
    }
  },
  components:{
    'Mysearch':'Search'
  }
}
</script>
<style lang="less">
  h1 {
    color: red;
    i{
      color:blue;
    }
  }

</style>